@extends('layouts.template')

@section('title', '待报价订单')

@section('header')
@endsection

@section('content')
<script src="{{asset('dist/order/delivery.js')}}"></script>
<script>
    var logistics_failed = '{{$logistics_failed}}';
</script>

<section id="section">

    <div>
        <form action="" method="post" id="form" v-cloak>
            {{csrf_field()}}
            <div class="wuliu01 overflow_h">
                <label><span :class="{text06:logistics_ok == true}"><input @click="logistics_ok = true" :class="{ck_p:logistics_ok == true}" type="radio" name="delivery_status" value="{{$logistics_ok}}" checked>
                    提货正常</span></label>
                <label><span :class="{text06:logistics_ok == false}"><input @click="logistics_ok = false" :class="{ck_p:logistics_ok == false}" type="radio" name="delivery_status" value="{{$logistics_failed}}">
                    提货异常</span></label>
            </div>

            <article v-if="logistics_ok">
                <div class="wuliu02 ">
                    <h2>请上传物流提货签收单和货品外包装照片</h2>
                    <p>(温馨提示：为了避免发生纠纷，务必从不同角度拍摄两张以上清晰的照片)</p>
                    <ul class="overflow_h">
                        <li v-for="k in 12" v-show="k == 1" :class="{mar10:k%4}">
                            <img src="{{asset('images/ico32.png')}}" @click="chooseImage">
                            <input type="hidden" name="deliver_imgs[]" />
                        </li>
                    </ul>
                </div>
            </article>

            <article v-if="!logistics_ok">
                <div class="wuliu02 ">
                    <h2>请上传物流提货签收单和货品外包装照片</h2>
                    <p>(温馨提示：为了避免发生纠纷，务必从不同角度拍摄两张以上清晰的照片)</p>
                    <ul class="overflow_h">
                        <li v-for="k in 12" v-show="k == 1" :class="{mar10:k%4}">
                            <img src="{{asset('images/ico32.png')}}" @click="chooseImage">
                            <input type="hidden" name="deliver_imgs[]" />
                        </li>
                    </ul>
                </div>
                <div class="wuliu03">
                    <textarea class="w_input" name="deliver_except" cols="45" rows="5" placeholder="请填写提货异常原因情况说明(50字内)"></textarea>
                </div>
            </article>

            <button class="but14" type="submit">确认提交</button>
        </form>
    </div>

</section >
@endsection